@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,hr,p,ul,li,ol,form,button,input,textarea,menu,dl,dt,dd{margin:0;padding:0;}
body,button,input,select,textarea{font:14px/1.5 "Microsoft YaHei",\5b8b\4f53,sans-serif,TrueType;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-family:"Microsoft YaHei";font-weight:normal;}
address,cite,dfn,em,var{font-style:normal;}
ul,ol,li{list-style:none;}
img{border:0;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;color:#e62129;}
a:active{text-decoration:none;}
a{color:#333;text-decoration:none;outline:none;}
article,aside,dialog,footer,header,section,nav,figure,menu{diaplay:block;}
input,select,img{vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
.clear{clear: both;}
.clearfix{clear:both;display: block;}
.fl{float:left;}
.fr{float:right;}
.w_1200{width:1200px;margin:0 auto;overflow:hidden;}
.w_1170{width:1160px;margin:0 auto;}

.m_b10{margin-bottom:10px;}
.m_b20{margin-bottom:20px;}
.m_b30{margin-bottom:30px;}
.m_b40{margin-bottom:40px;}
.m_b50{margin-bottom:50px;}
.m_b60{margin-bottom:60px;}
.m_b70{margin-bottom:70px;}
.m_b80{margin-bottom:80px;}
.m_b90{margin-bottom:90px;}
.m_b100{margin-bottom:100px;}

.m_r10{margin-right:10px;}
.m_r20{margin-right:20px;}
.m_r30{margin-right:30px;}
.m_r40{margin-right:40px;}
.m_r50{margin-right:50px;}
.m_r60{margin-right:60px;}
.m_r70{margin-right:70px;}
.m_r80{margin-right:80px;}
.m_r90{margin-right:90px;}
.m_r100{margin-right:190px;}
.m_r101{margin-right:214px;}

.m_r45{margin-right:45px;}

.pd10{padding:10px;}
.pd20{padding:20px;}
.pd30{padding:30px;}
.pd25{padding:25px 0;}

.pl10{padding-left:10px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}
.pl50{padding-left:50px;}
.pl60{padding-left:60px;}
.pl70{padding-left:70px;}
.pl80{padding-left:80px;}
.pl90{padding-left:90px;}
.pl100{padding-left:100px;}

.pt{padding-top:10px;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt60{padding-top:23px;}
.pt70{padding-top:70px;}
.pt80{padding-top:80px;}
.pt90{padding-top:90px;}
.pt100{padding-top:100px;}

.pr10{padding-right:10px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr40{padding-right:40px;}
.pr50{padding-right:50px;}
.pr60{padding-right:60px;}
.pr70{padding-right:70px;}
.pr80{padding-right:80px;}
.pr90{padding-right:90px;}
.pr100{padding-right:100px;}

.pb{padding-bottom:10px;}
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pb60{padding-bottom:60px;}
.pb70{padding-bottom:70px;}
.pb80{padding-bottom:80px;}
.pb90{padding-bottom:90px;}
.pb100{padding-bottom:100px;}
.pt25{padding-top:25px;}
.pt35{padding-top:35px;}

.fs16{font-size:16px;}
.fs18{font-size:18px;}
.fs20{font-size:20px;}
.fs30{font-size:30px;}
.fs40{font-size:40px;}

/**head***/
.w1200{width:1200px;margin:0 auto;}
.line{background:#e8e8e8;height:1px;overflow:hidden;}
.top{width:100%;height:26px;line-height:26px;border-bottom:solid #e8e8e8 1px;background:#f6f6f6;color:#888;font-size:12px;}
.top a{color:#888;}
.top a:hover{color:#e6212a;}
.top_right a{padding:0 8px;}
.top_right .city_last{padding:0;background:#f6f6f6 url(../images/h_active.png) no-repeat 6px 12px;display:inline-block;width:25px;height:25px;height:26px\0;border:solid #f6f6f6 1px;border-bottom:solid #e8e8e8 1px;position:relative;text-indent:-10000px;top:-1px\0;}
.top_right .city_lasthover{background:#fff url(../images/fix_active.png) no-repeat 6px 12px;border:solid #e8e8e8 1px;border-bottom:solid #fff 1px;}
.city{position:relative;width:1200px;margin:0 auto;}
.more_city{background:#fff;line-height:24px;padding:10px 0;position:absolute;z-index:22;clear:both;right:0;/* width:500px; */border:solid #e8e8e8 1px;border-top:0 none;top:-1px;}
.more_city a{display:inline-block;padding:0 10px;}
/* .logo img{height:62px;} */
.deelon_logo{padding:14px 0;}
.tell{padding:16px 0 0 0;width:295px;}
.tell .pos .icons_w{position:relative;}
.tell .pos .icons_w .weixin_content{left:-65px;top:20px;position:absolute;z-index:1000;display:none;}
.tell .pos .icons_w:hover .weixin_content{display:block}
.icons{background:url(../images/icons.png) no-repeat;display:inline-block;width:23px;height:23px;}
.icons_x{background-position:0 -61px;}
.icons_w{background-position:0 -38px;}
.mobile_phone{display:inline-block;font-size:23px;white-space:nowrap;line-height: 30px;color: #aaa;text-indent: 42px;}
.mobile_phone i{font-style:normal;width:1px;height:20px;display:inline-block;background:#e8e8e8;margin-left:20px;}
.icons_t{width:31px;height:29px;}
.t_span{padding-top:4px;}

.clear .nav_bg{background:#f6f6f6; width:100%; height:52px;}
#nav_cont{background:#f6f6f6;border-top: 1px solid #e8e8e8;}
#nav_cont .nav_list{line-height: 50px;
height: 50px;
	overflow:hidden;
}
#nav_cont .nav_list ul li.navlist {
    float: left;
	font-size:18px;
}
#nav_cont .nav_list ul li a {
    display: block;
float: left;
color: #323232;
margin-left:20px;
height: 50px;
}
#nav_cont .nav_list ul li a.active {
    text-decoration: none;
    border-bottom: 2px solid #e6212a;
    color: #e22835;
}
#nav_cont .nav_list ul li a:hover {
    text-decoration: none;
    border-bottom: 2px solid #e6212a;
    color: #e22835;height: 48px;
}
#nav_cont .nav_list ul li i{
	cursor:pointer;
	margin-left:90px;
}
#nav_cont .navlist .hoverN{height:48px;border-bottom: 2px solid #cb3034;color:#e6212a;}
#nav_cont .nav_list ul li span.btn {
    color: #000 !important;
    background: #fff;
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
    padding: 0px 10px;
    line-height: 36px;
    height: 36px;
    overflow: hidden;
}
#nav_cont .nav_list ul li span i {
    padding-left: 30px;
    height: 38px;
    background:url(../images/icon_slide_down.png) 5px center no-repeat;
    float: right;
}
#nav_cont .nav_list ul li span.active i {
    background:url(../images/icon_slide_up.png) 5px center no-repeat;
}
#nav_cont .nav_list ul li span.btn {
    height: 100%;
    line-height: 50px;
    cursor: pointer;
}
#nav_cont .nav_list ul li span.btn1 {
    cursor: pointer;
    width: auto;
    color: #000 !important;
    background: #fff;
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
    padding: 0px 10px;
    line-height: 50px;
    height: 100%;
    overflow: hidden;
}
#nav_cont .nav_list ul li.search {
    height: 100%;
    padding-top: 7px;
}
#nav_cont .nav_list ul li span i {
    background-position: 5px 22px !important;
}

#nav_want_cont_wrap {
    background: #f7f7f7;
}
.nav_cont_wrap_bg{
    background: white;
}
.none_menu #nav_cont_wrap,
.none_menu #nav_want_cont_wrap {
    display: none !important;
}
#nav_cont .nav_list ul li span.btn {
	width: 120px;
    display: block;
    float: left;
    text-align: center;
}
#nav_cont .nav_list ul li span.btn {
    background: #fff;
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
    padding: 0px 10px;
    line-height: 50px;
    height: 50px;
    overflow: hidden;
    cursor: pointer;
}
.nav_cont_wrap h3 {
    margin: 10px auto 10px;
}
.nav_cont_wrap a {
    color: #333;
}
.nav_cont_wrap ul {
    width: 100%;
    padding-top: 0;
}
#nav_cont_wrap ul li {
    display: none;
    width: 100%;
   
}
.i_want_to {
    border: none !important;
    margin-left: 0!important;text-indent: 24px;
}
#nav_cont .nav_list ul li .i_want_to.active span.btn1 {
    color: #e22835 !important;text-indent: 24px;
}
#nav_cont .nav_list ul li .i_want_to.active span.btn1 i {
    background-image:url(../images/icon_slide_up.png);
}
#nav_cont .nav_list ul li .i_want_to .btn{text-align:center;background:#fff url(../images/want.png) no-repeat 26px;}
.deelon_product{font-size:16px;padding:25px 0 15px 30px;}
.product_nr{width:180px;}
.product_nr h3{}
.product_nr h4 a{color:#e6212a;}
.product_nr a{display:block;height:36px;}
.product_nr a:hover{color:#e6212a;}
.product_r{width:478px;background:#ef6269;margin-top:10px;}
.product_r a{float:left;padding-right:10px;}
.product_r a img{height:155px;width:285px;}
.product_r p{padding:10px 10px 10px 0;line-height:36px;font-size:16px;color:#fff;}

/**底部**/
#foot{background:#6c6c6c;}
#foot a{color:#ccc;}
#foot a:hover{color:#fff;}
.foot_left dl{float:left;padding-right:45px;}
.foot_left dt{font-size:16px;color:#fff;height:38px;}
.foot_left dd{font-size:14px;height:24px;}
.ft_line{width:1px;height:240px;background:#767676;overflow:hidden;}
.ft_about{height:32px;font-size:16px;}
.ft_about a{padding:0 5px;}
.ft_about .wb{padding-left:0;}
.foot_right,.ft_about a{color:#fff;font-size:14px;}
.ft_contact p{height:26px;}
.footer{text-align:center;line-height:45px;background:#525252;font-size:12px;color:#ccc;}
.footer a{padding:0 20px 0 40px;}

.pos{padding-top:4px;}


/**右边悬浮***/
/* .dl_corner{position:fixed;width:55px;z-index:999;}
.dl_corner a{display:block;height:55px;margin-bottom:15px;background:transparent url(../images/fixed.png) no-repeat;}

.dl_corner .qq{background-position:0 0;}
.dl_corner .tell_i{background-position:0 -70px;}
.dl_corner .shiyong{background-position:0 -140px;}
.dl_corner .weixin{background-position:0 -210px;}
.dl_corner .go_top{background-position:0 -282px;}

.dl_corner .qq_active{background-position:-65px 0;}
.dl_corner .tell_i_active{background-position:-65px -70px;}
.dl_corner .shiyong_active{background-position:-65px -140px;}
.dl_corner .weixin_active{background-position:-65px -210px;}
.dl_corner .go_top_active{background-position:-65px -282px;}


.dl_fixed{display:none;z-index:999;position:fixed;width:150px;border:solid #da1b23 1px;border-right:0 none;background:#e62129;text-align:center;color:#fff;font-size:16px;}
.dl_qq a{line-height:53px;color:#fff;display:block;}
.dl_tell div{line-height:20px;padding-top:6px;}
.dl_tell div a{color:#fff;}
.dl_shiyong{padding-top:8px;}
.dl_shiyong a{display:block;color:#fff;line-height:35px;}
.dl_weixin{height:140px;}
.weixin_content img{height:120px;padding:10px 15px;}
.dl_gotop{line-height:53px;cursor:pointer;} */
.contact{background-color: #fff;}
.rightNav{position:fixed;right:10px;bottom:50px;z-index:1000}
.rightNav div{display:block;width:55px;height:55px;margin-bottom:5px;background:url(../images/navright.png) no-repeat;transition-duration:1s;cursor:pointer}
.rightNav div.customer{background-position:0 0;}
.rightNav div.call{background-position:0 -60px;}
.rightNav div.message{background-position:0 -120px;}
.rightNav div.tryOut{background-position:0 -180px;}
.rightNav div.deelon{background-position:0 -240px;}
.rightNav div.gotop{background-position:0 -300px;display:none}
.rightNav div.new:hover{background-position:-55px 0;}
.rightNav div.call:hover{background-position:-55px -60px;}
.rightNav div.message:hover{background-position:-55px -120px;}
.rightNav div.tryOut:hover{background-position:-55px -180px;}
.rightNav div.deelon:hover{background-position:-55px -240px;}

.rightNav .call{position:relative;}
.rightNav .call ul{padding:10px 15px;background:#ff4f70;width:170px;height:130px;position:absolute;right:0px;bottom:0;-webkit-animation-duration: 1s;display:none;}
.rightNav .call ul.roateName{
	 -webkit-transform-origin:right bottom;
	 -webkit-animation-name:roateName;
	 display:block;
	
}
.rightNav .call ul.roateOrigin{
	 -webkit-transform-origin:right bottom;
	 -webkit-animation-name:roateOrigin;

}
/* 动画函数 */
@-webkit-keyframes roateName{
	0%{
		-webkit-transform:rotate(-180deg); 
	}
	100%{
		
		-webkit-transform:rotate(0deg); 
		opacity:1;
	}
}
@-webkit-keyframes roateOrigin{
	0%{
		-webkit-transform:rotate(0deg);
		opacity:1;
	}
	100%{
		-webkit-transform:rotate(-180deg);
		opacity:0;
		
	}
	
	
} 

.rightNav .call ul p{color:#fff;font-size:20px;margin-top:10px;text-align:center;}
.rightNav .call ul input{width:100%;height:25px;line-height:25px;font-size:12px;color:#ccc;outline:none;border:none;margin:10px 0;text-indent:30px}
.rightNav .call ul .tong{display:block;height:30px;line-height:30px;text-align:center;font-size:14px;background:#df0b33;color:#fff;}
.rightNav .call ul .tong:hover{background:#E81A41;}
.rightNav .call .x{position:absolute;right:10px;top:10px;font-size:20px;background:url(../images/x.png) no-repeat;display:block;width:10px;height:10px;}

.rightNav .tryOut{position:relative;}
.rightNav .tryOut ul{position:absolute;left:0px;bottom:0;background:#daa235;text-align:center;border-radius:5px;padding:7px 0;width:0px;overflow:hidden;}
.rightNav .tryOut .zc{padding-right: 20px;position: absolute;left: -10px;bottom: 0;width: 100px;height: 55px;display:block;font-style:normal;}
.rightNav .tryOut:hover .zc{display:block;}
.tryOut ul li a{display:block;height:30px;line-height:30px;color:#fff}
.tryOut ul li a:hover{background:#b78015;}
.rightNav .deelon{position:relative;}
.rightNav .deelon img{position:absolute;bottom:0px;
  		left: -7px;}


  	/* 弹窗样式 */
.contact{overflow:hidden;border:5px solid #c8c8c8;padding-bottom:45px; position: fixed;left:0;top:0;display:none;width:467px;overflow: visible;z-index:100000}
.contact h3{color:#fff;font-size:20px;text-align:center;line-height:45px;background:#ff4f70;font-weight: normal;}
.contact-warp{padding-top:20px}
.contact-warp .iphoe{padding:17px 20px;width:235px;border-right: 1px dashed #d3d3d3;}
.contact-warp .iphoe input{width:228px;height:34px;border:1px solid #eee;line-height:34px;font-size:16px;text-indent:10px;outline:none;border-radius:4px;color:#bbb;;margin-bottom:10px}
.contact-warp .iphoe a{display:inline-block;width:140px;height:38px;border-radius:4px;background:#ff4f70;line-height:38px;font-size:14px;text-align:center;color:#fff;}
.contact-warp .iphoe a:hover{background:#F4627D;}
.contact-warp .good{padding:17px 20px;width:150px;}
.contact-warp .good p{line-height:30px;text-align:center;color:#333}
.contact-warp .good a{width:140px;height:38px;background:#4e8ae4;line-height:38px;border-radius:4px;display:inline-block;text-align:center;color:#fff;     margin-top: 15px;}
.contact-warp .good a:hover{background:#5D95EA}
.text-c{text-align:center;width: 228px;}
.qq_ico{background:url(../images/qq_ico.png) no-repeat;width:24px;height:24px;display:inline-block;margin-top:-3px;vertical-align: middle;margin-right:3px;}
.close-btn {
    position: absolute;
    width: 24px;
    height: 24px;
    background: url(../images/tv_uielements.png) no-repeat -3px -4px;
    top: -17px;
    right: -17px;
    z-index: 2;
    transition: all 0s;
    -moz-transition: all 0s;
    -webkit-transition: all 0s;
    -o-transition: all 0s;
}
.close-btn:hover{
	 background: url(../images/tv_uielements.png) no-repeat -40px -4px;
}
.showanimation {
    animation: in 1s ease both;
    -webkit-animation: in 1s ease both;
    -moz-animation: in 1s ease both;
    display: block;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
}
.hideanimation {
    animation: out 1s ease both;
    -webkit-animation: out 1s ease both;
    -moz-animation: out 1s ease both;
    display: none\0;
}
@keyframes in {
	0% { transform: scale(0,0) skew(60deg,60deg); top: 100%; right: 50px; }
	100% { transform: scale(1,1) skew(0,0); top: 35%; right: 50%; }
}

@-webkit-keyframes in {
	0% { -webkit-transform: scale(0,0) skew(60deg,60deg); top: 100%; right: 50px; }
	100% { -webkit-transform: scale(1,1) skew(0,0); top: 35%; right: 50%; }
}

@-moz-keyframes in {
	0% { -moz-transform: scale(0,0) skew(60deg,60deg); top: 100%; right: 50px; }
	100% { -moz-transform: scale(1,1) skew(0,0); top: 35%; right: 50%; }
}

@keyframes out {
	0% { transform: scale(1,1) skew(0,0); top: 35%; right: 50%; }
	100% { transform: scale(0,0) skew(60deg,60deg); top: 100%; right: 50px; display: none; }
}

@-webkit-keyframes out {
	0% { -webkit-transform: scale(1,1) skew(0,0); top: 35%; right: 50%; }
	100% { -webkit-transform: scale(0,0) skew(60deg,60deg); top: 100%; right: 50px; display: none; }
}

@-moz-keyframes out {
	0% { -moz-transform: scale(1,1) skew(0,0); top: 35%; right: 50%; }
	100% { -moz-transform: scale(0,0) skew(60deg,60deg); top: 100%; right: 50px; display: none; }
}
/**右边悬浮结束***/
#content{min-height:600px;}